@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
td{font-size:12px;FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Kaku Gothic Pro", sans-serif;color:#333333;}
body{font-size:12px;FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Kaku Gothic Pro", sans-serif; line-height:22px; color:#333333; background:url(bodybg.jpg) repeat}
ul,li{ list-style-type:none;line-height:22px;}
a{ text-decoration:none; color:#333333; }
a:hover{ text-decoration:none; color:#ff0000;}
h1,h2,h3{margin:0;padding:0;border:none}
h3 span{color:#333;padding-left:20px;font-size:14px;}
/**/
	/**/
	.clear{clear:both;}
	.float_left{float:left;}
	.float_right{float:right;}
	.no_bg{background:none!important;}
	.no_bor{ border:none!important;}
	/*6*/
	.clear6{overflow:hidden; height:6px; clear:both;}
	.clear5{overflow:hidden; height:5px; clear:both;}
	.clear0{overflow:hidden; height:1px; clear:both;}

.more{float:right; padding-right:10px;}
.h18{line-height: 18px;word-wrap:break-word}
.bold{font-weight:bold}

/* banner-box */
.banner{width:100%;overflow:hidden;height:464px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:464px;}
.banList li{height:464px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#06F;width:7px;height:7px;border-radius:50%;margin:0 5px; border:1px #fff solid}
.jsNav a.current{background:#ff0000;cursor:pointer; border:1px #fff solid}


.left{float:left;}
.right{float:right;}

#head{width:100%; background:url(webbg.jpg) top repeat-x}
#head .tel{width:1040px; margin:0 auto;}
#head .tel .tophome{ float:right; width:400px;height:36px; }

#head .top{width:1040px; height:120px;margin:0 auto; }
#head .top .logo{ width:277px; padding-right:20px;height:120px; float:left}
#head .top .menus{ width:730px; float:right;}



.rollBox{width:1040px; margin:0 auto; padding-top:40px ; height:370px; border-top:1px #fff solid;}
.rollBox .proclass{ width:920px; background:url(title5.jpg) #333333 left no-repeat; padding-left:120px; height:40px;color:#fff; font-size:14px; font-weight:bold;line-height:40px;}
.rollBox .proclass a{ color:#fff}
.rollBox .Cont{width:1040px;overflow:hidden;float:left;  padding-top:15px; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:200px;float:left; height:250px;text-align:center; background:#666; margin-right:10px;}
.rollBox .Cont .pic img{border:1px solid #ccc;display:block; width:198px;height:198px;}
.rollBox .Cont .pic p{padding-top:8px; width:198px; height:40px;text-align:center; color:#FFF; font-size:12px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none; color:#FFF}
.rollBox .Cont a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}



.proclassbg{ width:940px; margin:6px auto; background:url(proclassbg.jpg) no-repeat}
.proclassbg .box1{ padding-top:14px; padding-left:115px; padding-bottom:12px; width:200px; line-height:22px}
.proclassbg .box2{ padding-top:14px; padding-left:115px;  padding-bottom:12px; width:220px; line-height:22px}
.proclassbg .box3{ padding-top:14px; padding-left:95px; padding-right:10px; padding-bottom:12px; line-height:22px}
.title{ color:#000000; font-size:14px; font-weight:bold} 

.probg{ width:923px; margin:6px auto; background:url(probg.jpg) no-repeat}
.probg .box1{ padding-top:14px; padding-left:10px; padding-right:10px; padding-bottom:12px; width:500px; line-height:24px}
.probg .box2{ padding-top:14px; padding-left:15px; padding-right:5px; padding-bottom:12px; width:180px; color:#FFFFFF; line-height:24px}
.probg .box2 a{ color:#FFFFFF;}
.probg .box2 a:hover{color:#999999; text-decoration:none}
.probg .box3{ padding-top:14px; padding-left:10px; padding-right:10px; padding-bottom:12px; width:180px;color:#FFFFFF; line-height:24px}
.probg .box3 a{ color:#FFFFFF;}
.probg .box3 a:hover{color:#999999; text-decoration:none}

.mainb{width:1030px; margin:10px auto; clear:both;border:1px #cccccc solid; background:url(left_bg.jpg) #ffffff left repeat-y ;  height:auto;height:100%;overflow:hidden;}
.mainb .bleft{float:left; width:210px;padding:10px;height:auto;height:100%;}
.mainb .bright{float:left; width:772px; padding:10px; border-left:1px #dcdcdc solid; height:auto;height:100%;}
.nwebbg{width:950px; margin:0 auto; background:url(nwebbg.jpg) no-repeat;}
.nleftbg{ border-bottom:1px #cccccc dotted; border-top:1px #cccccc dotted; height:25px; line-height:25px; padding-top:5px;color:#E20F0F;  font-weight:bold}
.nleftbg1{ border-bottom:1px #cccccc dotted; border-top:1px #cccccc dotted; height:25px; line-height:25px; padding-top:5px;color:#E20F0F; font-size:16px; font-weight:bold}


#bannerbg{width:100%; text-align:center; height:236px; margin:0 auto;position:relative;overflow:hidden;}
#banner{width:100%; height:236px;text-align:center;width:1920px; /*图片宽度*/
            position:absolute;
            left:50%;
            margin-left:-960px;}

.down_list { padding:3px; width:220px
}
.down_list li{background:url(jiantou.jpg) left 5px no-repeat; padding-left:10px; width:186px;  line-height:26px; border-bottom:1px #DCD9D9 dotted
}
.down_list SPAN {
	FLOAT: right
}
.d2 {
	COLOR: white
}
.d2 A {
	COLOR: white
}
.nlefttitle{background:url(nleftbg.jpg) no-repeat; height:24px; line-height:24px; width:186px; margin:10px auto; padding-left:20px; font-weight:bold; clear:both;}
.nleftli{ padding:10px;  }
.nleftli li{background:url(curr.jpg) left 5px no-repeat; padding-left:20px;}
.nleftli li a{ text-decoration:none;}
.nleftli li a:hover{ text-decoration:none;color:#ff0000}

.leftlx{ padding:150px 8px 0px 8px; clear:both;}
.infoleft{float:left; width:202px;  }
.search{ padding-left:15px; padding-bottom:100px;float:left; width:180px}
.nsear{background:none; border:none; line-height:22px; height:22px; width:140px; color:#fff; border:1px #dcdcdc solid;}
.qq{ padding-left:3px; float:left; width:198px}
.shengming{border:1px #dcdcdc solid; padding:8px; width:170px; margin:8px 0 0 6px; float:left}



.mainindex{ width:1040px; margin:0 auto; padding-top:20px ; height:300px; border-bottom:1px #CCCCCC solid  }
.mainindex .mleft{width:740px; float:left; }
.mainindex .mleft .mtitle{ width:740px;}
.mainindex .mleft .mcontent{ width:740px; padding-top:15px; line-height:24px; }
.mainindex .mright{ width:228px; float:right; }
.mainindex .mright .rtitle{ width:228px; padding-top:20px; }


.mainbox{width:1040px; margin:0 auto; padding-top:30px ; height:370px; border-top:1px #fff solid;border-bottom:1px #CCCCCC solid  }
.mainbox .box1{ width:225px; float:left; padding-right:43px;}
.mainbox .box1 P{ width:225PX; padding-top:15PX;}
.mainbox .box2{ width:225px; float:right; }
.mainbox .box2 P{ width:225PX; padding-top:15PX;}

.inews{width:225px;}
.inews ul{margin-top:15px;}
.inews li{width:205px;  padding-left:20px; background:url(newico.jpg) left no-repeat;line-height:20px; border-bottom:1px #cccccc dashed}




.content{  padding:10px; word-break:break-all; margin:0px auto; text-align:justify;text-justify:inter-ideograph;clear:both; overflow:hidden; line-height:32px}
.content h2{ border-bottom:1px #cccccc solid;font-size:18px; background:url(jiantou.jpg) left  no-repeat; font-weight:100; padding-left:15px;  margin-bottom:5px;}

.nbannertop{ width:752px; margin-bottom:25px;font-weight:100; text-align:right;color:#888; }

.text_img {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; WIDTH: 86px; PADDING-RIGHT: 3px;  FLOAT: left; HEIGHT: 77px; OVERFLOW: hidden;  PADDING-TOP: 3px
}
.text_img IMG {
	WIDTH: 86px; HEIGHT:77px
}
.text_pic { background:url(line.gif) repeat-x bottom; width:200px}
.text_pic H5 {
	COLOR: #2c5997; FONT-SIZE: 12px; FONT-WEIGHT: normal
}
.text_pic H5 A {
	COLOR: #2c5997; FONT-SIZE: 12px; FONT-WEIGHT: normal
}
.text_pic P {
	MARGIN-TOP: 10px
}
.special .text_img {
	WIDTH: 122px; HEIGHT: 162px
}
.special .text_img IMG {
	WIDTH: 122px; HEIGHT: 162px
}
.special .text_pic H5 {
	FONT-SIZE: 18px
}
.special .text_pic H5 A {
	FONT-SIZE: 18px
}

.news_list {
	
}
.news_list LI {
	LINE-HEIGHT: 32px; PADDING-LEFT: 14px; BACKGROUND: url(dot_gray.gif) no-repeat left center
}


.main_contact{width:208px; float:left}
.main_contact li{width:208px; float:left}




.topflash{float:right;padding-right:90px; padding-top:50px;width:109px;height:110px;}

.nbanner{width:922px;margin:0 auto; height:180px;margin-top:8px;}




.fw_pro{background:url(fw_pro.jpg) no-repeat; height:146px;}
.fw_pro .fleft{float:left; width:211px;margin-top:55px;padding-left:25px;}
.fw_pro .fright{float:left; width:720px;margin-left:20px;}
.fw_pro .fright li{ float:left; width:120px; margin-left:12px; text-align:center; border:1px solid #ccc; height:100px;margin-top:20px;}
.fw_pro .fright li img{height:100px;}

.about_new{ margin:10px auto; min-height:275px;  width:965px; overflow:hidden; background:url(bodybg1.jpg) top no-repeat}
.about_new .aleft{float:left; width:173px;padding:62px 15px 0px 35px;}
.about_new .aleft li{float:left; line-height:37px}
.about_new .acenter{float:left; width:490px; padding:70px 15px 0px 15px;}
.about_new .acenter p{float:right;line-height:22px;}
.about_new .aright{float:left; width:190px; padding:70px 0px 0px 6px; line-height:29px }
.about_new .aright .arighttitle{float:left; width:200px; height:35px}
.about_new .aright .arightc{float:left; width:200px; text-align:center; }
.hotnewtitle{ width:520px; float:left}


.procon{width:970px;margin:15px auto 0px auto;background:url(procon.jpg) no-repeat; height:210px;}



.proclass1{float:left; width:208px;}
.proclass1 li{float:left; width:188px; height:25px; line-height:25px; border-top:1px #ffffff solid; color:#0066CC; background:#E6EFF6;padding-left:20px;}
.proclass1 li a{float:left; color:#0066CC; }
.proclass1 li a:hover{float:left; color:#0099FF; }



.nmsg{padding:12px; white-space:normal;}


#order{padding:10px 0 20px;width:650px;text-align:left}
#order h1{padding:15px 0 5px;font-size:22px}
#order p{margin:5px 0 10px;font-size:12px}
#order form{margin-left:30px}
.div_li{margin-bottom:10px}
#order label{margin:3px 0;font-weight:bolder;display:block}
#order label.checkbox{font-weight:normal;display:inline}
#order input{border:1px solid #aaa;padding:3px;font-size:12px;background-color:#fefefe;color:#000}
#order input:hover{border:1px solid #6ad}
#order .medium{width:220px}
#order .submit{margin-top:10px;cursor:hand}
#message{border:1px solid #aaa;padding:3px;font-size:12px;background-color:#fefefe;color:#000;width:500px;height:100px}
#demo{margin-top:10px}
.div_li span{padding-left:10px;font-size:12px;color:#777}
.div_li .red{color:#ff3300;}
.error,.success{padding:10px 20px;text-align:left;font-size:12px}
.error{background-color:#a22;color:#fff}
.success{background-color:#cfc;color:#051}


.product_list {
	background: url(bg_producto_lista.png) repeat-x bottom;
	
	max-width:750px;
	position: relative;
	margin-bottom: 12px;
	padding:5px 0 0 5px;
	clear:both;
	
}
.product_list li{
	height: 180px;width:370px;
        margin-bottom: 10px;
        float:left;
		position: relative;
        border-bottom:1px #dcdcdc dotted;
}
.product_list li .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list img, .producto_lista ul {
	float: left;
	width:180px;height:160px;
}

.product_list h1 {
	margin: 5px 10px 0 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}


.product_list p {
	margin: 5px 10px 0 5px;
	color: #737373;
	font-size: 12px;
	line-height: 18px!important;
}

#xl{padding:5px;position:relative}
#xl li{padding:8px 10px;border-bottom:1px dotted #ccc;color:#999;overflow:hidden;zoom:1}
#xl li span{float:right;width:620px;color:#999;line-height:25px;}
#xl li a:link{color:#333;}
#xl li a:hover,#xl li a:visited{color:#555}


ul.product{clear:both; margin:0 auto;text-align:center;}
ul.product li{float:left;text-align:center;width:230px;}
ul.product li p{width:226px; height:170px;background-color:#fff;}
ul.product li p img{width:220px; height:160px;vertical-align:middle; top:-50%;left:-50%; padding:1px;border:1px #e3e3e3 solid;}

#newlist{float:left; width:100%; margin-top:5px;overflow:hidden; clear:both;}
.newlista li{background:url(newt.gif) no-repeat 8px center; line-height:30px; padding-left:16px; color:#333;}
.newlista em{ float:right; width:auto; height:auto; color:#999; font-style:normal;}
.newlista a:hover{color:#0066FF;}

.promsg{padding:2px; font-weight:100}
.promsg a{margin-left:10px;font-weight:bold;}

.promsg h2{font-family: Microsoft YaHei,arial;font-weight:bold;color:#333333;position:relative;font-size:2EM;line-height:60px;}
.promsg .protop{ border-bottom:1px dashed #dbdbdb; background:#E6E7E8;line-height:30px; height:350px;float:left; padding:10px; }
.promsg .protop,.promsg .protop a{margin-right:10px;color:#555555; }
.promsg .protop .pic{ width:320px;  border:1px #dcdcdc solid;margin-right:30px; float:left}
.promsg .info{padding-top:10px;border-bottom:1px dashed #dbdbdb;border-top:1px dashed #dbdbdb; padding-bottom:10px;margin-bottom:10px;margin-top:10px;clear:both;}
.promsg .info,.promsg .info a {color:#074DBD;}
.promsg a{color:#555555;margin-right:10px;}
.promsg .xgpro{ float:left; text-align:left; }
.promsg .xgpro li{ width:333px;float:left; font-weight:100}
.promsg .xgpro li a{color:#555555;  font-weight:100;}

.foot{background:url(end.jpg) top repeat; width:100%;clear:both; }
.foot .endbg{ width:1100px;  margin:0 auto; padding-bottom:32px; color:#FFF; height:290px;padding-top:50px; }
.foot .endbg .box1{ width:480px;  float:right ; background:url(wx.jpg) right no-repeat}
.foot .endbg .box1 h1{ color:#fff; font-size:16px;width:70px; border-bottom:3px #900 solid; margin-bottom:15px;  font-weight:100; line-height:30px;}
.foot .endbg .box1 li{ color:#D1D1D1; font-size:14px; font-weight:100; line-height:28px;}
.foot .endbg .box1 li a{ color:#D1D1D1; font-size:14px; font-weight:100;}
.foot .endbg .box1 li a:hover{ color:#F00; font-size:14px; font-weight:100;}


.foot .endbg .box2{ width:178px;  float: left; padding-left:20px;}
.foot .endbg .box2 h1{ color:#fff; font-size:16px;width:70px; border-bottom:3px #900 solid; margin-bottom:15px;  font-weight:100; line-height:30px;}
.foot .endbg .box2 li{ color:#D1D1D1; font-size:14px; font-weight:100; line-height:28px;}
.foot .endbg .box2 li a{ color:#D1D1D1; font-size:14px; font-weight:100;}
.foot .endbg .box2 li a:hover{ color:#F00; font-size:14px; font-weight:100;}

.foot .endwd{ width:1100px; margin:0 auto; color:#FFF; height:50px; text-align:center; line-height:50px}